import Vue from 'vue'
import Vuex, { createLogger } from 'vuex'
// 导入持久化插件
import createPersistedState from 'vuex-persistedstate'
Vue.use(Vuex)

//vuex的特点:
//1.集中管理应用程序的状态
//2.实现多组件通信
//3.vuex是独立于任何组件存在的.
//4.vuex中的数据 刷新会丢失.

export default new Vuex.Store({
    state: {
        collectlist: []
    },
    getters: {},
    mutations: {
        collect(state, payload) { //收藏一个店铺
            state.collectlist.push(payload);
        },
        cancel_collect(state, payload) { //取消收藏的店铺
            var index = state.collectlist.findIndex((item) => {
                return item.mtWmpoiId == payload.mtWmpoiId;
            })
            if (index != -1) {
                state.collectlist.splice(index, 1);
            }
        },
    },
    actions: { //定义异步方法
    },
    modules: { //分模块管理state中的数据
    },
    plugins: [createLogger(), createPersistedState()] //配合其他插件 管理vuex 中state内部的数据
})